.login {
  position: absolute;
  background-color: #f1f2f6;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-image: url("img/background.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;

  .login_box {
    width: 60%;
    max-width: 450px;
    overflow: hidden;

    .login_box_left {
      padding: 26px 16px 36px;

      .inner {
        padding: 0 30px;

        > div {
          margin-bottom: 20px;
        }

        .codeBox {
          display: flex;

          dl.codeBlock {
            margin: 0;
            margin-left: 10px;
            display: flex;
            height: 40px;

            dt {
              width: 120px;
              margin-left: 10px;
              margin-right: 10px;
              background-repeat: no-repeat;
              background-size: cover;
              background-color: #fff;
              text-align: center;
              line-height: 40px;
            }

            dd {
              div {
                height: 20px;
                line-height: 20px;

                &:last-child {
                  color: #5279df;
                  cursor: pointer;
                }
              }
            }
          }
        }
      }

      .login_top {
        width: 100%;
        text-align: center;
        color: #224E4A;
        font-size: 20px;
        margin: 24px 0 20px;
        font-weight: 600;
      }

      .btn_login {
        width: 100%;
        text-align: center;
        margin-top: 10px;
      }
    }

  }

  footer {
    position: fixed;
    bottom: 10px;
    text-align: center;
  }
}
